:host {
	display: block;
	position: relative;
	color: var(--sapList_TextColor);
	font: var(--sapFontSize) var(--sapFontFamily);
}

:host([hidden]) {
	display: none;
}

#table {
	display: grid;
	grid-auto-rows: minmax(min-content, max-content);
}

:host([overflow-mode="Scroll"]) #table {
	overflow-x: auto;
	height: 100%;
}

#rows, #spacer {
	display: grid;
	grid-template-rows: min-content;
	grid-template-columns: subgrid;
	grid-column: 1 / -1;
}

#no-data-cell {
	grid-column: 1 / -1;
	justify-content: center;
}

#loading {
	position: absolute;
	inset: 0;
	height: 100%;
	z-index: 2;
}

:host([loading]) #table:has(#loading[_is-busy]) ::slotted(*) {
	opacity: var(--sapContent_DisabledOpacity);
}